<template>
  <div class="container">
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="基本信息表（国有_境内）" name="first">
        <BasicTemplate />
      </el-tab-pane>
      <el-tab-pane
        label="北京市企业国有资产评估项目质里综合评价表"
        name="second"
      >
        <EvaluationTemplate />
      </el-tab-pane>
      <el-tab-pane label="专家评审汇总与企业答复表" name="third">
        <ResponseTemplate />
      </el-tab-pane>
      <el-tab-pane label="国资委初审表（国有_境内）" name="fourth">
        <SureTemplate />
      </el-tab-pane>
      <el-tab-pane label="集团审核表（国有_境内）" name="five">
        <GroupTemplate />
      </el-tab-pane>
      <el-tab-pane label="资产评估结果分类汇总表" name="six">
        <AssetValuationTemplate />
      </el-tab-pane>
      <el-tab-pane label="资产评估结果汇总表" name="seven">
        <SummaryTemplate />
      </el-tab-pane>
      <el-tab-pane label="结果（境内）" name="eight">
        <ResultTemplate />
      </el-tab-pane>
      <el-tab-pane label="附件表" name="nine">
        <AttachmentTemplate />
      </el-tab-pane>
      <el-tab-pane label="自审表" name="ten">
        <SinceTemplate />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup name="details">
import BasicTemplate from "./datatemplate/basicTemplate";
import SureTemplate from "./datatemplate/sureTemplate";
import EvaluationTemplate from "./datatemplate/evaluationTemplate";
import ResponseTemplate from "./datatemplate/responseTemplate";
import GroupTemplate from "./datatemplate/groupTemplate";
import SinceTemplate from "./datatemplate/sinceTemplate";
import AssetValuationTemplate from "./datatemplate/assetValuationTemplate";
import SummaryTemplate from "./datatemplate/summaryTemplate";
import ResultTemplate from "./datatemplate/resultTemplate";
import AttachmentTemplate from "./datatemplate/attachmentTemplate";

const activeName = ref("first");
const handleClick = (tab, event) => {
  console.log(tab.props.name);
  console.log("-----");
  console.log(event);
};
</script>

<style scoped lang="scss">
.container {
  width: 100%;
  height: calc(100vh - 110px);
  padding: 10px 15px;
  box-sizing: border-box;
  overflow: auto;
  :deep(.el-tabs) {
    height: 100%;
    .el-tabs__content {
      height: calc(100% - 40px);
      margin-right: 10px;
      box-sizing: border-box;
      overflow-y: auto;
    }
  }
}
</style>

